<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Awesome-pyecharts</title>
<script src="https://assets.pyecharts.org/assets/v5/echarts.min.js" type="text/javascript"></script>
<script src="https://assets.pyecharts.org/assets/v5/echarts-liquidfill.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="./css/style.css">

</head>
<body>
<style>.box {  } </style>
<div class="box">

        <div class="boxs" style="position: absolute; width: 357.4px; height: 292.4px; top: 16px; left: 590px;">
        <!--左上边框-->
        <div class="t_line_box">
            <i class="t_l_line"></i>
            <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
            <i class="t_r_line"></i>
            <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
            <i class="l_b_line"></i>
            <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
            <i class="r_b_line"></i>
            <i class="b_r_line"></i>
        </div>

    </div>
<div class="chart-container" id="79f8f684b9804706bd976d50382998f2" style="position: absolute; width: 357.4px; height: 292.4px; top: 16px; left: 590px;"></div>
<script>
        var chart_79f8f684b9804706bd976d50382998f2 = echarts.init(
            document.getElementById('79f8f684b9804706bd976d50382998f2'), 'white', {renderer: 'canvas'});
        var option_79f8f684b9804706bd976d50382998f2 = {
    "baseOption": {
        "series": [
            {
                "type": "liquidFill",
                "name": "lq",
                "data": [
                    0.001,
                    0.5,
                    0.4
                ],
                "waveAnimation": true,
                "animationDuration": 2000,
                "animationDurationUpdate": 1000,
                "color": [
                    "#294D99",
                    "#156ACF",
                    "#1598ED",
                    "#45BDFF"
                ],
                "shape": "arrow",
                "backgroundStyle": {},
                "outline": {
                    "show": false,
                    "borderDistance": 8
                },
                "label": {
                    "show": true,
                    "position": "inside",
                    "margin": 8,
                    "fontSize": 50
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "currentIndex": 0,
            "orient": "horizontal",
            "autoPlay": true,
            "controlPosition": "left",
            "loop": true,
            "rewind": false,
            "show": false,
            "inverse": false,
            "playInterval": 1500,
            "bottom": "-5px",
            "progress": {},
            "data": [
                [
                    0
                ],
                [
                    1
                ],
                [
                    2
                ],
                [
                    3
                ],
                [
                    4
                ]
            ]
        }
    },
    "options": [
        {
            "legend": [
                {
                    "data": [],
                    "selected": {},
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "liquidFill",
                    "name": "lq",
                    "data": [
                        0.008,
                        0.5,
                        0.4
                    ],
                    "waveAnimation": true,
                    "animationDuration": 2000,
                    "animationDurationUpdate": 1000,
                    "color": [
                        "#294D99",
                        "#156ACF",
                        "#1598ED",
                        "#45BDFF"
                    ],
                    "shape": "arrow",
                    "backgroundStyle": {},
                    "outline": {
                        "show": false,
                        "borderDistance": 8
                    },
                    "label": {
                        "show": true,
                        "position": "inside",
                        "margin": 8,
                        "fontSize": 50
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012020-2025\u4eba\u53e3\u89c4\u6a21\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "2%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [],
                    "selected": {},
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "liquidFill",
                    "name": "lq",
                    "data": [
                        0.002,
                        0.5,
                        0.4
                    ],
                    "waveAnimation": true,
                    "animationDuration": 2000,
                    "animationDurationUpdate": 1000,
                    "color": [
                        "#294D99",
                        "#156ACF",
                        "#1598ED",
                        "#45BDFF"
                    ],
                    "shape": "arrow",
                    "backgroundStyle": {},
                    "outline": {
                        "show": false,
                        "borderDistance": 8
                    },
                    "label": {
                        "show": true,
                        "position": "inside",
                        "margin": 8,
                        "fontSize": 50
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012025-2030\u4eba\u53e3\u89c4\u6a21\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "2%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [],
                    "selected": {},
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "liquidFill",
                    "name": "lq",
                    "data": [
                        0.002,
                        0.5,
                        0.4
                    ],
                    "waveAnimation": true,
                    "animationDuration": 2000,
                    "animationDurationUpdate": 1000,
                    "color": [
                        "#294D99",
                        "#156ACF",
                        "#1598ED",
                        "#45BDFF"
                    ],
                    "shape": "arrow",
                    "backgroundStyle": {},
                    "outline": {
                        "show": false,
                        "borderDistance": 8
                    },
                    "label": {
                        "show": true,
                        "position": "inside",
                        "margin": 8,
                        "fontSize": 50
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012030-2035\u4eba\u53e3\u89c4\u6a21\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "2%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [],
                    "selected": {},
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "liquidFill",
                    "name": "lq",
                    "data": [
                        0.001,
                        0.5,
                        0.4
                    ],
                    "waveAnimation": true,
                    "animationDuration": 2000,
                    "animationDurationUpdate": 1000,
                    "color": [
                        "#294D99",
                        "#156ACF",
                        "#1598ED",
                        "#45BDFF"
                    ],
                    "shape": "arrow",
                    "backgroundStyle": {},
                    "outline": {
                        "show": false,
                        "borderDistance": 8
                    },
                    "label": {
                        "show": true,
                        "position": "inside",
                        "margin": 8,
                        "fontSize": 50
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012035-2040\u4eba\u53e3\u89c4\u6a21\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "2%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [],
                    "selected": {},
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "liquidFill",
                    "name": "lq",
                    "data": [
                        0.001,
                        0.5,
                        0.4
                    ],
                    "waveAnimation": true,
                    "animationDuration": 2000,
                    "animationDurationUpdate": 1000,
                    "color": [
                        "#294D99",
                        "#156ACF",
                        "#1598ED",
                        "#45BDFF"
                    ],
                    "shape": "arrow",
                    "backgroundStyle": {},
                    "outline": {
                        "show": false,
                        "borderDistance": 8
                    },
                    "label": {
                        "show": true,
                        "position": "inside",
                        "margin": 8,
                        "fontSize": 50
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012040-2045\u4eba\u53e3\u89c4\u6a21\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "2%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        }
    ]
};
        chart_79f8f684b9804706bd976d50382998f2.setOption(option_79f8f684b9804706bd976d50382998f2);
    </script>
<br/>
            <div class="boxs" style="position: absolute; width: 730px; height: 330.4px; top: 327px; left: 14px;">
        <!--左上边框-->
        <div class="t_line_box">
            <i class="t_l_line"></i>
            <i class="l_t_line"></i>
        </div>
        <!--右上边框-->
        <div class="t_line_box">
            <i class="t_r_line"></i>
            <i class="r_t_line"></i>
        </div>
        <!--左下边框-->
        <div class="t_line_box">
            <i class="l_b_line"></i>
            <i class="b_l_line"></i>
        </div>
        <!--右下边框-->
        <div class="t_line_box">
            <i class="r_b_line"></i>
            <i class="b_r_line"></i>
        </div>
    </div>
    <div class="chart-container" id="024" style="position: absolute; width: 730px; height: 330.4px; top: 327px; left: 14px;"></div>
<script>
        var chart_024 = echarts.init(
            document.getElementById('024'), 'white', {renderer: 'canvas'});
        var option_024 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#d14a61",
        "#5793f3",
        "#675bba",
        "#f19178",
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u603b\u4eba\u53e3",
            "yAxisIndex": 0,
            "legendHoverLink": true,
            "data": [
                1456,
                1493,
                1538,
                1601,
                1676,
                1771,
                1860,
                1962,
                2024,
                2078,
                2125,
                2171,
                2188,
                2195,
                2194,
                2192,
                2190,
                2189,
                2189
            ],
            "realtimeSort": false,
            "showBackground": false,
            "stackStrategy": "samesign",
            "cursor": "pointer",
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": false,
                "margin": 8
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "bar",
            "name": "\u5e73\u65f6\u57ce\u9547\u4eba\u53e3",
            "yAxisIndex": 1,
            "legendHoverLink": true,
            "data": [
                1028,
                1179,
                1286,
                1350,
                1416,
                1504,
                1581,
                1686,
                1745,
                1793,
                1836,
                1878,
                1897,
                1904,
                1907,
                1909,
                1913,
                1916,
                1916
            ],
            "realtimeSort": false,
            "showBackground": false,
            "stackStrategy": "samesign",
            "cursor": "pointer",
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": false,
                "margin": 8
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "line",
            "name": "\u603b\u4eba\u53e3\u589e\u901f",
            "connectNulls": false,
            "xAxisIndex": 0,
            "yAxisIndex": 2,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2003",
                    25.4120879120879
                ],
                [
                    "2004",
                    30.1406563965171
                ],
                [
                    "2005",
                    40.962288686606
                ],
                [
                    "2006",
                    46.8457214241099
                ],
                [
                    "2007",
                    56.6825775656325
                ],
                [
                    "2008",
                    50.2540937323546
                ],
                [
                    "2009",
                    54.8387096774194
                ],
                [
                    "2010",
                    31.6004077471967
                ],
                [
                    "2011",
                    26.6798418972332
                ],
                [
                    "2012",
                    22.6179018286814
                ],
                [
                    "2013",
                    21.6470588235294
                ],
                [
                    "2014",
                    7.83049286043298
                ],
                [
                    "2015",
                    3.19926873857404
                ],
                [
                    "2016",
                    -0.455580865603645
                ],
                [
                    "2017",
                    -0.911577028258888
                ],
                [
                    "2018",
                    -0.912408759124088
                ],
                [
                    "2019",
                    -0.45662100456621
                ],
                [
                    "2020",
                    0.0
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "margin": 8
            },
            "logBase": 10,
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            },
            "axisLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "line",
            "name": "\u57ce\u9547\u5316\u7387",
            "connectNulls": false,
            "xAxisIndex": 0,
            "yAxisIndex": 3,
            "symbolSize": 4,
            "showSymbol": true,
            "smooth": false,
            "clip": true,
            "step": false,
            "data": [
                [
                    "2003",
                    2003.0
                ],
                [
                    "2004",
                    75.2747252747253
                ],
                [
                    "2005",
                    69.3372898120673
                ],
                [
                    "2006",
                    35.3080218643817
                ],
                [
                    "2007",
                    40.012070006035
                ],
                [
                    "2008",
                    44.7611064543168
                ],
                [
                    "2009",
                    54.3705463182898
                ],
                [
                    "2010",
                    51.1834319526627
                ],
                [
                    "2011",
                    51.1664482306684
                ],
                [
                    "2012",
                    84.3714609286523
                ],
                [
                    "2013",
                    48.8334674175382
                ],
                [
                    "2014",
                    52.0691785052502
                ],
                [
                    "2015",
                    31.2996917085835
                ],
                [
                    "2016",
                    43.6607652769846
                ],
                [
                    "2017",
                    32.3930418429713
                ],
                [
                    "2018",
                    42.9917808219178
                ],
                [
                    "2019",
                    25.6335988414193
                ],
                [
                    "2020",
                    42.8671943711522
                ]
            ],
            "hoverAnimation": true,
            "label": {
                "show": false,
                "margin": 8
            },
            "logBase": 10,
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "zlevel": 0,
            "z": 0,
            "axisLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u603b\u4eba\u53e3",
                "\u5e73\u65f6\u57ce\u9547\u4eba\u53e3",
                "\u603b\u4eba\u53e3\u589e\u901f",
                "\u57ce\u9547\u5316\u7387"
            ],
            "selected": {
                "\u603b\u4eba\u53e3": true,
                "\u5e73\u65f6\u57ce\u9547\u4eba\u53e3": true,
                "\u603b\u4eba\u53e3\u589e\u901f": true,
                "\u57ce\u9547\u5316\u7387": true
            },
            "show": true,
            "right": "2%",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "textStyle": {
                "color": "#ffffff"
            },
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "axis",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "cross"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "color": "#ffffff",
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "2003",
                "2004",
                "2005",
                "2006",
                "2007",
                "2008",
                "2009",
                "2010",
                "2011",
                "2012",
                "2013",
                "2014",
                "2015",
                "2016",
                "2017",
                "2018",
                "2019",
                "2020"
            ]
        }
    ],
    "yAxis": [
        {
            "name": "\u5e73\u65f6\u57ce\u9547\u4eba\u53e3\uff08\u4e07\u4eba\uff09",
            "show": true,
            "scale": false,
            "nameLocation": "center",
            "nameGap": -20,
            "nameRotate": 90,
            "gridIndex": 0,
            "axisLine": {
                "show": true,
                "onZero": true,
                "onZeroAxisIndex": 0,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#5793f3"
                }
            },
            "axisLabel": {
                "show": true,
                "margin": 8,
                "formatter": "{value}"
            },
            "inverse": false,
            "position": "right",
            "offset": 75,
            "splitNumber": 5,
            "min": 0,
            "max": 9466,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "value",
            "name": "\u603b\u4eba\u53e3(\u4e07\u4eba)",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLine": {
                "show": true,
                "onZero": true,
                "onZeroAxisIndex": 0,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#d14a61"
                }
            },
            "inverse": false,
            "position": "right",
            "offset": 0,
            "splitNumber": 5,
            "min": 172,
            "max": 12684,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "value",
            "name": "\u603b\u4eba\u53e3\u589e\u901f\uff08\u2030\uff09",
            "show": true,
            "scale": false,
            "nameLocation": "center",
            "nameGap": 25,
            "nameRotate": 90,
            "gridIndex": 0,
            "axisLine": {
                "show": true,
                "onZero": true,
                "onZeroAxisIndex": 0,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#675bba"
                }
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "min": -75,
            "max": 60,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        },
        {
            "type": "value",
            "name": "\u57ce\u9547\u5316\u7387\uff08%\uff09",
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLine": {
                "show": true,
                "onZero": true,
                "onZeroAxisIndex": 0,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "#f19178"
                }
            },
            "inverse": false,
            "position": "right",
            "offset": 140,
            "splitNumber": 5,
            "min": 0,
            "max": 100,
            "minInterval": 0,
            "splitLine": {
                "show": false,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "show": true,
            "text": "\u4e91\u5357\u7701",
            "target": "blank",
            "subtarget": "blank",
            "left": "3%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false,
            "textStyle": {
                "color": "#ffffff",
                "fontSize": 15
            }
        }
    ],
    "grid": [
        {
            "show": false,
            "zlevel": 0,
            "z": 2,
            "left": "8%",
            "right": "30%",
            "bottom": "7%",
            "containLabel": false,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "shadowOffsetX": 0,
            "shadowOffsetY": 0
        }
    ]
};
        chart_024.setOption(option_024);
    </script>
<br/>
                    <div class="boxs" style="position: absolute; width: 382.4px; height: 287.4px; top: 16px; left: 100px;">
            <!--左上边框-->
            <div class="t_line_box">
                <i class="t_l_line"></i>
                <i class="l_t_line"></i>
            </div>
            <!--右上边框-->
            <div class="t_line_box">
                <i class="t_r_line"></i>
                <i class="r_t_line"></i>
            </div>
            <!--左下边框-->
            <div class="t_line_box">
                <i class="l_b_line"></i>
                <i class="b_l_line"></i>
            </div>
            <!--右下边框-->
            <div class="t_line_box">
                <i class="r_b_line"></i>
                <i class="b_r_line"></i>
            </div>
        </div>
    <div class="chart-container" id="82587b48fb75446c8261bfb493f627ec" style="position: absolute; width: 382.4px; height: 287.4px; top: 16px; left: 100px;"></div>
<script>
        var chart_82587b48fb75446c8261bfb493f627ec = echarts.init(
            document.getElementById('82587b48fb75446c8261bfb493f627ec'), 'white', {renderer: 'canvas'});
        var option_82587b48fb75446c8261bfb493f627ec = {
    "baseOption": {
        "series": [
            {
                "type": "gauge",
                "title": {
                    "show": true,
                    "offsetCenter": [
                        0,
                        "-40%"
                    ],
                    "color": "#ffffff",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                    "fontFamily": "sans-serif",
                    "fontSize": 15,
                    "backgroundColor": "transparent",
                    "borderColor": "transparent",
                    "borderWidth": 0,
                    "borderRadius": 0,
                    "padding": 0,
                    "shadowColor": "transparent",
                    "shadowBlur": 0,
                    "shadowOffsetX": 0,
                    "shadowOffsetY": 0,
                    "overflow": "none",
                    "valueAnimation": true
                },
                "detail": {
                    "show": true,
                    "backgroundColor": "transparent",
                    "borderWidth": 0,
                    "borderColor": "transparent",
                    "offsetCenter": [
                        0,
                        "70"
                    ],
                    "formatter": "{value}%",
                    "color": "#ffffff",
                    "fontStyle": "normal",
                    "fontWeight": "normal",
                    "fontFamily": "sans-serif",
                    "fontSize": 30,
                    "borderRadius": 0,
                    "padding": 0,
                    "shadowColor": "transparent",
                    "shadowBlur": 0,
                    "shadowOffsetX": 0,
                    "shadowOffsetY": 0,
                    "overflow": "none",
                    "valueAnimation": true
                },
                "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                "min": -15,
                "max": 15,
                "splitNumber": 5,
                "center": [
                    "50%",
                    "60%"
                ],
                "radius": "75%",
                "startAngle": 225,
                "endAngle": -45,
                "clockwise": true,
                "data": [
                    {
                        "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                        "value": -2.9
                    }
                ],
                "axisLine": {
                    "show": true,
                    "onZero": true,
                    "onZeroAxisIndex": 0,
                    "lineStyle": {
                        "show": true,
                        "width": -30,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid",
                        "color": [
                            [
                                0.3,
                                "#67e0e3"
                            ],
                            [
                                0.7,
                                "#37a2da"
                            ],
                            [
                                1,
                                "#fd666d"
                            ]
                        ]
                    }
                },
                "axisLabel": {
                    "show": true,
                    "color": "#ffffff",
                    "distance": -2,
                    "margin": 8
                },
                "progress": {
                    "show": false,
                    "overlap": true,
                    "width": 10,
                    "roundCap": false,
                    "clip": false
                },
                "anchor": {
                    "show": true,
                    "showAbove": false,
                    "size": 6,
                    "icon": "circle",
                    "offsetCenter": [
                        0,
                        0
                    ],
                    "keepAspect": false
                },
                "pointer": {
                    "show": true,
                    "length": "75%",
                    "width": 8
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "currentIndex": 0,
            "orient": "horizontal",
            "autoPlay": true,
            "controlPosition": "left",
            "loop": 10,
            "rewind": false,
            "show": false,
            "inverse": false,
            "bottom": "-5px",
            "progress": {},
            "data": [
                [
                    0
                ],
                [
                    1
                ],
                [
                    2
                ],
                [
                    3
                ],
                [
                    4
                ]
            ]
        }
    },
    "options": [
        {
            "legend": [
                {
                    "data": [
                        "\u57ce\u9547\u5316\u7387\u589e\u901f"
                    ],
                    "selected": {
                        "\u57ce\u9547\u5316\u7387\u589e\u901f": true
                    },
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "gauge",
                    "title": {
                        "show": true,
                        "offsetCenter": [
                            0,
                            "-40%"
                        ],
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 15,
                        "backgroundColor": "transparent",
                        "borderColor": "transparent",
                        "borderWidth": 0,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "detail": {
                        "show": true,
                        "backgroundColor": "transparent",
                        "borderWidth": 0,
                        "borderColor": "transparent",
                        "offsetCenter": [
                            0,
                            "70"
                        ],
                        "formatter": "{value}%",
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 30,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "min": -15,
                    "max": 15,
                    "splitNumber": 5,
                    "center": [
                        "50%",
                        "60%"
                    ],
                    "radius": "75%",
                    "startAngle": 225,
                    "endAngle": -45,
                    "clockwise": true,
                    "data": [
                        {
                            "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                            "value": -1.8
                        }
                    ],
                    "axisLine": {
                        "show": true,
                        "onZero": true,
                        "onZeroAxisIndex": 0,
                        "lineStyle": {
                            "show": true,
                            "width": -30,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid",
                            "color": [
                                [
                                    0.3,
                                    "#67e0e3"
                                ],
                                [
                                    0.7,
                                    "#37a2da"
                                ],
                                [
                                    1,
                                    "#fd666d"
                                ]
                            ]
                        }
                    },
                    "axisLabel": {
                        "show": true,
                        "color": "#ffffff",
                        "distance": -2,
                        "margin": 8
                    },
                    "progress": {
                        "show": false,
                        "overlap": true,
                        "width": 10,
                        "roundCap": false,
                        "clip": false
                    },
                    "anchor": {
                        "show": true,
                        "showAbove": false,
                        "size": 6,
                        "icon": "circle",
                        "offsetCenter": [
                            0,
                            0
                        ],
                        "keepAspect": false
                    },
                    "pointer": {
                        "show": true,
                        "length": "75%",
                        "width": 8
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012020-2025\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "3%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "\u57ce\u9547\u5316\u7387\u589e\u901f"
                    ],
                    "selected": {
                        "\u57ce\u9547\u5316\u7387\u589e\u901f": true
                    },
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "gauge",
                    "title": {
                        "show": true,
                        "offsetCenter": [
                            0,
                            "-40%"
                        ],
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 15,
                        "backgroundColor": "transparent",
                        "borderColor": "transparent",
                        "borderWidth": 0,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "detail": {
                        "show": true,
                        "backgroundColor": "transparent",
                        "borderWidth": 0,
                        "borderColor": "transparent",
                        "offsetCenter": [
                            0,
                            "70"
                        ],
                        "formatter": "{value}%",
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 30,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "min": -15,
                    "max": 15,
                    "splitNumber": 5,
                    "center": [
                        "50%",
                        "60%"
                    ],
                    "radius": "75%",
                    "startAngle": 225,
                    "endAngle": -45,
                    "clockwise": true,
                    "data": [
                        {
                            "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                            "value": -2.0
                        }
                    ],
                    "axisLine": {
                        "show": true,
                        "onZero": true,
                        "onZeroAxisIndex": 0,
                        "lineStyle": {
                            "show": true,
                            "width": -30,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid",
                            "color": [
                                [
                                    0.3,
                                    "#67e0e3"
                                ],
                                [
                                    0.7,
                                    "#37a2da"
                                ],
                                [
                                    1,
                                    "#fd666d"
                                ]
                            ]
                        }
                    },
                    "axisLabel": {
                        "show": true,
                        "color": "#ffffff",
                        "distance": -2,
                        "margin": 8
                    },
                    "progress": {
                        "show": false,
                        "overlap": true,
                        "width": 10,
                        "roundCap": false,
                        "clip": false
                    },
                    "anchor": {
                        "show": true,
                        "showAbove": false,
                        "size": 6,
                        "icon": "circle",
                        "offsetCenter": [
                            0,
                            0
                        ],
                        "keepAspect": false
                    },
                    "pointer": {
                        "show": true,
                        "length": "75%",
                        "width": 8
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012025-2030\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "3%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "\u57ce\u9547\u5316\u7387\u589e\u901f"
                    ],
                    "selected": {
                        "\u57ce\u9547\u5316\u7387\u589e\u901f": true
                    },
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "gauge",
                    "title": {
                        "show": true,
                        "offsetCenter": [
                            0,
                            "-40%"
                        ],
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 15,
                        "backgroundColor": "transparent",
                        "borderColor": "transparent",
                        "borderWidth": 0,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "detail": {
                        "show": true,
                        "backgroundColor": "transparent",
                        "borderWidth": 0,
                        "borderColor": "transparent",
                        "offsetCenter": [
                            0,
                            "70"
                        ],
                        "formatter": "{value}%",
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 30,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "min": -15,
                    "max": 15,
                    "splitNumber": 5,
                    "center": [
                        "50%",
                        "60%"
                    ],
                    "radius": "75%",
                    "startAngle": 225,
                    "endAngle": -45,
                    "clockwise": true,
                    "data": [
                        {
                            "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                            "value": -2.2
                        }
                    ],
                    "axisLine": {
                        "show": true,
                        "onZero": true,
                        "onZeroAxisIndex": 0,
                        "lineStyle": {
                            "show": true,
                            "width": -30,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid",
                            "color": [
                                [
                                    0.3,
                                    "#67e0e3"
                                ],
                                [
                                    0.7,
                                    "#37a2da"
                                ],
                                [
                                    1,
                                    "#fd666d"
                                ]
                            ]
                        }
                    },
                    "axisLabel": {
                        "show": true,
                        "color": "#ffffff",
                        "distance": -2,
                        "margin": 8
                    },
                    "progress": {
                        "show": false,
                        "overlap": true,
                        "width": 10,
                        "roundCap": false,
                        "clip": false
                    },
                    "anchor": {
                        "show": true,
                        "showAbove": false,
                        "size": 6,
                        "icon": "circle",
                        "offsetCenter": [
                            0,
                            0
                        ],
                        "keepAspect": false
                    },
                    "pointer": {
                        "show": true,
                        "length": "75%",
                        "width": 8
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012030-2035\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "3%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "\u57ce\u9547\u5316\u7387\u589e\u901f"
                    ],
                    "selected": {
                        "\u57ce\u9547\u5316\u7387\u589e\u901f": true
                    },
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "gauge",
                    "title": {
                        "show": true,
                        "offsetCenter": [
                            0,
                            "-40%"
                        ],
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 15,
                        "backgroundColor": "transparent",
                        "borderColor": "transparent",
                        "borderWidth": 0,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "detail": {
                        "show": true,
                        "backgroundColor": "transparent",
                        "borderWidth": 0,
                        "borderColor": "transparent",
                        "offsetCenter": [
                            0,
                            "70"
                        ],
                        "formatter": "{value}%",
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 30,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "min": -15,
                    "max": 15,
                    "splitNumber": 5,
                    "center": [
                        "50%",
                        "60%"
                    ],
                    "radius": "75%",
                    "startAngle": 225,
                    "endAngle": -45,
                    "clockwise": true,
                    "data": [
                        {
                            "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                            "value": -2.4
                        }
                    ],
                    "axisLine": {
                        "show": true,
                        "onZero": true,
                        "onZeroAxisIndex": 0,
                        "lineStyle": {
                            "show": true,
                            "width": -30,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid",
                            "color": [
                                [
                                    0.3,
                                    "#67e0e3"
                                ],
                                [
                                    0.7,
                                    "#37a2da"
                                ],
                                [
                                    1,
                                    "#fd666d"
                                ]
                            ]
                        }
                    },
                    "axisLabel": {
                        "show": true,
                        "color": "#ffffff",
                        "distance": -2,
                        "margin": 8
                    },
                    "progress": {
                        "show": false,
                        "overlap": true,
                        "width": 10,
                        "roundCap": false,
                        "clip": false
                    },
                    "anchor": {
                        "show": true,
                        "showAbove": false,
                        "size": 6,
                        "icon": "circle",
                        "offsetCenter": [
                            0,
                            0
                        ],
                        "keepAspect": false
                    },
                    "pointer": {
                        "show": true,
                        "length": "75%",
                        "width": 8
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012035-2040\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "3%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        },
        {
            "legend": [
                {
                    "data": [
                        "\u57ce\u9547\u5316\u7387\u589e\u901f"
                    ],
                    "selected": {
                        "\u57ce\u9547\u5316\u7387\u589e\u901f": true
                    },
                    "show": false,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderWidth": 1,
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "series": [
                {
                    "type": "gauge",
                    "title": {
                        "show": true,
                        "offsetCenter": [
                            0,
                            "-40%"
                        ],
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 15,
                        "backgroundColor": "transparent",
                        "borderColor": "transparent",
                        "borderWidth": 0,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "detail": {
                        "show": true,
                        "backgroundColor": "transparent",
                        "borderWidth": 0,
                        "borderColor": "transparent",
                        "offsetCenter": [
                            0,
                            "70"
                        ],
                        "formatter": "{value}%",
                        "color": "#ffffff",
                        "fontStyle": "normal",
                        "fontWeight": "normal",
                        "fontFamily": "sans-serif",
                        "fontSize": 30,
                        "borderRadius": 0,
                        "padding": 0,
                        "shadowColor": "transparent",
                        "shadowBlur": 0,
                        "shadowOffsetX": 0,
                        "shadowOffsetY": 0,
                        "overflow": "none",
                        "valueAnimation": true
                    },
                    "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "min": -15,
                    "max": 15,
                    "splitNumber": 5,
                    "center": [
                        "50%",
                        "60%"
                    ],
                    "radius": "75%",
                    "startAngle": 225,
                    "endAngle": -45,
                    "clockwise": true,
                    "data": [
                        {
                            "name": "\u57ce\u9547\u5316\u7387\u589e\u901f",
                            "value": -2.9
                        }
                    ],
                    "axisLine": {
                        "show": true,
                        "onZero": true,
                        "onZeroAxisIndex": 0,
                        "lineStyle": {
                            "show": true,
                            "width": -30,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid",
                            "color": [
                                [
                                    0.3,
                                    "#67e0e3"
                                ],
                                [
                                    0.7,
                                    "#37a2da"
                                ],
                                [
                                    1,
                                    "#fd666d"
                                ]
                            ]
                        }
                    },
                    "axisLabel": {
                        "show": true,
                        "color": "#ffffff",
                        "distance": -2,
                        "margin": 8
                    },
                    "progress": {
                        "show": false,
                        "overlap": true,
                        "width": 10,
                        "roundCap": false,
                        "clip": false
                    },
                    "anchor": {
                        "show": true,
                        "showAbove": false,
                        "size": 6,
                        "icon": "circle",
                        "offsetCenter": [
                            0,
                            0
                        ],
                        "keepAspect": false
                    },
                    "pointer": {
                        "show": true,
                        "length": "75%",
                        "width": 8
                    }
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "\u4e91\u5357\u77012040-2045\u57ce\u9547\u5316\u7387\u589e\u901f",
                    "target": "blank",
                    "subtarget": "blank",
                    "left": "3%",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false,
                    "textStyle": {
                        "color": "#ffffff",
                        "fontSize": 15
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ]
        }
    ]
};
        chart_82587b48fb75446c8261bfb493f627ec.setOption(option_82587b48fb75446c8261bfb493f627ec);
    </script>
<br/>
                <div class="boxs" style="position: absolute; width: 382.4px; height: 291.4px; top: 16px; left: 1022px;">
            <!--左上边框-->
            <div class="t_line_box">
                <i class="t_l_line"></i>
                <i class="l_t_line"></i>
            </div>
            <!--右上边框-->
            <div class="t_line_box">
                <i class="t_r_line"></i>
                <i class="r_t_line"></i>
            </div>
            <!--左下边框-->
            <div class="t_line_box">
                <i class="l_b_line"></i>
                <i class="b_l_line"></i>
            </div>
            <!--右下边框-->
            <div class="t_line_box">
                <i class="r_b_line"></i>
                <i class="b_r_line"></i>
            </div>
        </div>
    <div class="chart-container" id="d17785e3de8b42e4aa1221210557f8ae" style="position: absolute; width: 382.4px; height: 291.4px; top: 16px; left: 1022px;"></div>
<script>
        var chart_d17785e3de8b42e4aa1221210557f8ae = echarts.init(
            document.getElementById('d17785e3de8b42e4aa1221210557f8ae'), 'white', {renderer: 'canvas'});
        var option_d17785e3de8b42e4aa1221210557f8ae = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "bar",
            "coordinateSystem": "polar",
            "symbolSize": 4,
            "data": [
                0.116237169687705,
                0.0464948678750819,
                0.018597947150032802,
                0.0074391788600131,
                0.00297567154400524
            ],
            "stack": "stack0",
            "label": {
                "show": false,
                "margin": 8
            },
            "areaStyle": {
                "opacity": 0
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "custom",
            "coordinateSystem": "polar",
            "renderItem": function(params, api) {                        var values = [api.value(0), api.value(1)];                        var coord = api.coord(values);                        return {                            type: 'text',                            position: [3 * Math.sin(coord[3]), 3 * Math.cos(coord[3])],                            rotation: coord[3] + Math.PI / 2,                            origin: [coord[0], coord[1]],                            style: {                                text: api.value(1),                                fill: 'black',                                fontSize: 12,                                textAlign: 'right',                                textVerticalAlign: 'middle',                                x: coord[0],                                y: coord[1]                            }                        };                    },
            "data": [
                0.116237169687705,
                0.0464948678750819,
                0.018597947150032802,
                0.0074391788600131,
                0.00297567154400524
            ],
            "label": {
                "show": false,
                "margin": 8
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                ""
            ],
            "selected": {
                "": true
            },
            "show": false,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "radiusAxis": {
        "nameGap": 15,
        "inverse": false,
        "scale": false,
        "splitNumber": 5,
        "minInterval": 0,
        "axisLabel": {
            "show": true,
            "color": "#ffffff",
            "margin": 8
        }
    },
    "angleAxis": {
        "startAngle": 90,
        "data": [
            "2020-2025",
            "2025-2030",
            "2030-2035",
            "2035-2040",
            "2040-2045"
        ],
        "clockwise": false,
        "type": "category",
        "scale": false,
        "splitNumber": 5,
        "axisLabel": {
            "show": true,
            "color": "#ffffff",
            "margin": 8
        }
    },
    "polar": {
        "center": [
            "50%",
            "50%"
        ]
    },
    "title": [
        {
            "show": true,
            "text": "\u4e91\u5357\u7701\u5404\u9636\u6bb5\u4eba\u5747GDP\u589e\u901f",
            "target": "blank",
            "subtarget": "blank",
            "left": "3%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false,
            "textStyle": {
                "color": "#ffffff",
                "fontSize": 15
            }
        }
    ]
};
        chart_d17785e3de8b42e4aa1221210557f8ae.setOption(option_d17785e3de8b42e4aa1221210557f8ae);
    </script>
<br/>
                    <div class="boxs" style="position: absolute; width: 690px; height: 330.4px; top: 329px; left: 800px;">
                <!--左上边框-->
                <div class="t_line_box">
                    <i class="t_l_line"></i>
                    <i class="l_t_line"></i>
                </div>
                <!--右上边框-->
                <div class="t_line_box">
                    <i class="t_r_line"></i>
                    <i class="r_t_line"></i>
                </div>
                <!--左下边框-->
                <div class="t_line_box">
                    <i class="l_b_line"></i>
                    <i class="b_l_line"></i>
                </div>
                <!--右下边框-->
                <div class="t_line_box">
                    <i class="r_b_line"></i>
                    <i class="b_r_line"></i>
                </div>
            </div>
    <div class="chart-container" id="6b5305be95994d88a026ea8daf0f33c2" style="position: absolute; width: 690px; height: 330.4px; top: 329px; left: 800px;"></div>
<script>
        var chart_6b5305be95994d88a026ea8daf0f33c2 = echarts.init(
            document.getElementById('6b5305be95994d88a026ea8daf0f33c2'), 'white', {renderer: 'canvas'});
        var option_6b5305be95994d88a026ea8daf0f33c2 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "themeRiver",
            "name": [
                "\u4e91\u5357\u7701"
            ],
            "data": [
                [
                    "2003",
                    6048,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2004",
                    7136,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2005",
                    7890,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2006",
                    9158,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2007",
                    11287,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2008",
                    13286,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2009",
                    14427,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2010",
                    16866,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2011",
                    20653,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2012",
                    23992,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2013",
                    27665,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2014",
                    30217,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2015",
                    32117,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2016",
                    35051,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2017",
                    39458,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2018",
                    44446,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2019",
                    49323,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2020",
                    52047,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2021",
                    57717,
                    "\u4e91\u5357\u7701"
                ],
                [
                    "2022",
                    61716,
                    "\u4e91\u5357\u7701"
                ]
            ],
            "label": {
                "show": true,
                "color": "#ffffff",
                "margin": -10
            },

            "itemStyle": {
                "color": "#73C0DE"
            },
            "axisLine": {
                "show": true,
                "onZero": true,
                "onZeroAxisIndex": 0,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid",
                    "color": "red"
                }
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u4e91\u5357\u7701"
            ],
            "selected": {
                "\u4e91\u5357\u7701": true
            },
            "show": false,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "axis",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "singleAxis": {
        "top": "50",
        "bottom": "50",
        "type": "time"
    },
    "title": [
        {
            "show": true,
            "text": "云南省人均GDP",
            "target": "blank",
            "subtarget": "blank",
            "left": "5%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false,
            "textStyle": {
                "color": "#ffffff",
                "fontSize": 15
            }
        }
    ]
};
        chart_6b5305be95994d88a026ea8daf0f33c2.setOption(option_6b5305be95994d88a026ea8daf0f33c2);
    </script>
<br/> </div>
<script>
</script>
</body>
</html>
